<!DOCTYPE HTML>
<html lang="es-ES">
<head>
<meta charset="UTF-8"/>
<style>
body{
 margin: 0 auto;
}
#container {
  text-align: center;
  position: absolute;
  top: 40%;
  margin-top:-130px;
  left: 50%;
  margin-left:-300px;
  background-color: #FFFFCC;
  width: 600px;
  height: 250px;
  border: 2px solid #000000;
  -moz-border-radius: 27px;
  -webkit-border-radius: 27px;
  border-radius: 27px;
  padding: 10px;
}

h1 {
font:normal 19px verdana, arial, helvetica, sans-serif;
color: #444;
background-color: transparent;
margin: 0 0 14px 0;
padding: 12px 15px 10px 15px;
border-bottom: 1px solid #D0D0D0;
}

p {
font:normal 10px verdana, arial, helvetica, sans-serif;
color: #444;
background-color: transparent;
}
</style>
</head>
<body>
 <div id="container">
    <h1>Cambio de clave/password</h1>
    <p>Hola <?php echo $nombre.' '.$apellido ?></p>
    <p>Has solicitado el cambio de clave para ingresar al sistema de autogestion de alumnos del ITEC</p>
    <p>Tu nueva clave es:</p><?php echo $newpass ?>
 </div>
</body>
</html>

